<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
  <title>金鸡贺岁</title>
  <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="main" id="main">
        <div class="lantern"></div>
        <div class="cloud-top"></div>
        <div class="font-main"></div>

        <div class="picture">
            <div class="picture1"></div>
            <div class="picture2"></div>
            <div class="picture3"></div>
            <div class="picture4"></div>
            <div class="picture5"></div>
            <div class="picture6"></div>
            <div class="picture7"></div>
            <div class="picture8"></div>
            <div class="picture9"></div>
            <div class="picture10"></div>
            <div class="picture11"></div>
            <div class="picture12"></div>
            <div class="picture13"></div>
            <div class="picture14"></div>
            <div class="picture15"></div>
            <div class="picture16"></div>
            <div class="picture17"></div>
            <div class="picture18"></div>
            <div class="picture19"></div>
            <div class="picture20"></div>
        </div>

        <div class="letter-font"></div>
        <div class="cloud-bot"></div>
        <div class="chicken"></div>
        <div class="last-light"></div>
    </div>
</body>
<script>
    window.onload = function () {
        document.body.className = 'animate';
    }
</script>
</html>
